<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://xmlns.jcp.org/jsf/core">
<body>
	<header> <h:form>
		<!-- LOGIN -->
		<p:notificationBar position="top" styleClass="top form-login"
			widgetVar="dlg-login">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<h4>#{lang['web.title.dangnhap']}</h4>
					</div>
					<div class="col-md-4 col-sm-6 col-xs-12">
						<p:inputText placeholder="username"
							styleClass="login-user input-login"></p:inputText>
					</div>
					<div class="col-md-4 col-sm-6 col-xs-12">
						<p:password placeholder="password"
							styleClass="login-pass input-login"></p:password>
					</div>

					<!-- không hiển thị trên tablet va di dộng -->
					<div class="col-md-4 col-sm-12 col-xs-12 hidden-sm hidden-xs">
						<p:commandLink styleClass="btn-login">#{lang['web.title.dangnhap']}</p:commandLink>
						<p:commandLink styleClass="btn-login"
							onclick="PF('dlg-login').hide();">#{lang['web.title.huy']}</p:commandLink>
					</div>

					<div class="col-md-12">
						<p:outputLabel value="Đăng nhập không thành công."
							styleClass="login-mes-err hide"></p:outputLabel>
						<p:commandLink value="Quên mật khẩu ?" styleClass="login-mes-info"></p:commandLink>
					</div>

					<!-- hiển thị trên tablet va di dộng -->
					<div class="col-md-4 col-sm-12 col-xs-12 visible-sm visible-xs">
						<p:commandLink styleClass="btn-login" title="Đăng nhập">#{lang['web.title.dangnhap']}</p:commandLink>
						<p:commandLink styleClass="btn-login" title="Hủy"
							onclick="PF('dlg-login').hide();">#{lang['web.title.huy']}</p:commandLink>
					</div>
				</div>
			</div>
		</p:notificationBar>

		<!-- header top -->
		<div class="container">
			<div class="row header-top">
				<div class="col-md-6 col-sm-4 col-xs-12 push-left padding-left-0">
					<a href="/#{lang['web.url']}/" class="header-logo"> <img
						src="/#{lang['web.nameproject']}/images/web/logo-uit-2.png"
						alt="logo-uit-2" class="logo-web" />
					</a>
				</div>
				<div
					class="col-md-6 col-sm-8 push-right text-right hidden-xs padding-right-0">
					<ul class="list-inline push-right font-13">
						<!-- <li><a href="/#{lang['web.url']}/" class="actived">Trang chủ</a></li> -->
						<li id="nav-gioithieu"><a href="/#{lang['web.url']}/gioi-thieu/" title="#{lang['web.title.gioithieu']}">#{lang['web.title.gioithieu']}</a></li>
						<li id="nav-lienhe"><a href="/#{lang['web.url']}/lien-he/" title="#{lang['web.title.lienhe']}">#{lang['web.title.lienhe']}</a></li>
						<li id="nav-sitemap"><a href="/#{lang['web.url']}/site-map/" title="#{lang['web.title.sitemap']}">#{lang['web.title.sitemap']}</a></li>
						<li><a href="#" title="#{lang['web.title.dangnhap']}"
							onclick="PF('dlg-login').show();">#{lang['web.title.dangnhap']}</a></li>
						<li><a href="/#{lang['web.url']}/dang-ki/" title="#{lang['web.title.dangki']}">#{lang['web.title.dangki']}</a></li>
						<li class="header-lang">
							<ul class="list-inline">
								<li><p:commandLink styleClass="#{lang['web.language.vn.active']} txt-bold"
										actionListener="#{sessionWeb.setLanguage('VN')}"
										oncomplete="return change_language('vn');"
										title="#{lang['web.title.tiengviet']}">VN</p:commandLink></li>
								<li>|</li>
								<li style="padding-right: 0;"><p:commandLink
										styleClass="#{lang['web.language.en.active']} txt-bold"
										actionListener="#{sessionWeb.setLanguage('EN')}"
										oncomplete="return change_language('en');"
										title="#{lang['web.title.tienganh']}">EN</p:commandLink></li>
							</ul>
						</li>
					</ul>
					<div class="header-top-serach">
						<p:commandLink styleClass="btn-search" actionListener="#{sessionWeb.clickSearchHeader}">#{lang['web.title.timkiem']}</p:commandLink>
						<a id="id-link-goto-search" href="/#{lang['web.url']}/tim-kiem/" style="display:none;"></a>
						<p:inputText styleClass="input-serach"
							placeholder="#{lang['web.title.timkiem']}..." value="#{sessionWeb.keysearch}" onkeypress="if (event.keyCode == 13){event.preventDefault();$('.btn-search').trigger('click')}"></p:inputText>
					</div>
				</div>
			</div>
		</div>
		<!--END header top -->

		<!-- BEGIN NAVBAR -->
		<div class="navbar navbar-inverse margin-bottom-0 navigate-menu"
			role="navigation">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed"
						data-toggle="collapse" data-target=".navbar-collapse">
						<span class="sr-only">Toggle navigation</span> <span
							class="icon-bar"></span> <span class="icon-bar"></span> <span
							class="icon-bar"></span>
					</button>
				</div>
				<div class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li id="nav-trangchu"><a href="/#{lang['web.url']}/"
							title="#{lang['web.title.trangchu']}">#{lang['web.title.trangchu']}</a></li>
						<li class="dropdown" id="nav-tintuc"><a href="/#{lang['web.url']}/" class="dropdown-toggle"
							data-toggle="dropdown" title="#{lang['web.title.tintuc']}">#{lang['web.title.tintuc']}<span
								class="caret"></span></a>
							<ul class="dropdown-menu" role="menu">
								<li><a href="/#{lang['web.url']}/tin-tuc/tuyen-sinh/" title="#{lang['web.title.tuyensinh']}">#{lang['web.title.tuyensinh']}</a></li>
								<li><a href="/#{lang['web.url']}/tin-tuc/huong-nghiep/" title="#{lang['web.title.huongnghiep']}">#{lang['web.title.huongnghiep']}</a></li>
							</ul></li>
						<li id="nav-nghenghiep"><a href="/#{lang['web.url']}/nghe-nghiep/" title="#{lang['web.title.nghenghiep']}">#{lang['web.title.nghenghiep']}</a></li>
						<li id="nav-tracnghiem"><a href="/#{lang['web.url']}/trac-nghiem/" title="#{lang['web.title.tracnghiem']}">#{lang['web.title.tracnghiem']}</a></li>
						<li class="dropdown" id="nav-hoidap"><a href="/#{lang['web.url']}/" class="dropdown-toggle"
							data-toggle="dropdown" title="#{lang['web.title.hoidap']}">#{lang['web.title.hoidap']}<span
								class="caret"></span></a>
							<ul class="dropdown-menu" role="menu">
								<li><a href="/#{lang['web.url']}/hoi-dap/tuyen-sinh/" title="#{lang['web.title.tuyensinh']}">#{lang['web.title.tuyensinh']}</a></li>
								<li><a href="/#{lang['web.url']}/hoi-dap/nganh-nghe/" title="#{lang['web.title.nganhnghe']}">#{lang['web.title.nganhnghe']}</a></li>
							</ul></li>
						<li id="nav-video"><a href="/#{lang['web.url']}/video/" title="#{lang['web.title.video']}">#{lang['web.title.video']}</a></li>
						<li class="dropdown visible-xs"><a href="/#{lang['web.url']}/"
							class="dropdown-toggle" data-toggle="dropdown"><span
								class="caret"></span></a>
							<ul class="dropdown-menu" role="menu">
								<li id="nav-gioithieu"><a href="/#{lang['web.url']}/gioi-thieu/" title="#{lang['web.title.gioithieu']}">#{lang['web.title.gioithieu']}</a></li>
								<li id="nav-lienhe"><a href="/#{lang['web.url']}/lien-he/" title="#{lang['web.title.lienhe']}">#{lang['web.title.lienhe']}</a></li>
								<li id="nav-sitemap"><a href="/#{lang['web.url']}/site-map/" title="#{lang['web.title.sitemap']}">#{lang['web.title.sitemap']}</a></li>
								<li class="divider"></li>
								<li class="dropdown-header">#{lang['web.title.ngonngu']}</li>
								<li id="nav-ngonngu-vn"><p:commandLink styleClass="actived txt-bold"
										actionListener="#{sessionWeb.setLanguage('VN')}"
										oncomplete="return change_language('vn');"
										title="#{lang['web.title.tiengviet']}">VN</p:commandLink></li>
								<li id="nav-ngonngu-vn"><p:commandLink styleClass="actived txt-bold"
										actionListener="#{sessionWeb.setLanguage('EN')}"
										oncomplete="return change_language('en');"
										title="#{lang['web.title.tienganh']}">EN</p:commandLink></li>
							</ul></li>
					</ul>
				</div>
				<!--/.nav-collapse -->
			</div>
		</div>
		<!-- END NAVBAR -->
	</h:form> </header>
</body>
</html>